.user{
	background: #fff;
}
.face{
	float: left;
}
	.face img{
		border-radius: 50%;
	}
.u-detail{
	float: left;
	padding-left: 10px;
}
	.u-detail .u-info a{
		color: #333;
		font-weight: normal;
	}
	.u-detail .u-info a:hover{
		color: #4fc8a7;
	}
	.u-detail span{
		color: #a9adac;
	}
.price{
	background: #c2eddc;
}
	.price .new-p{
		color: #217673;
	}
	.price .old-p{
		color: #a3a9a9;
		text-decoration: line-through;
	}

@media screen and (min-width: 320px){
.user{
	height: 40px;
	padding: 8px 0 8px 12px;
}
	.face img{
		width: 40px;
		height: 40px;
	}
		.u-info a{
			font-size: 14px;
		}
		.u-info img{
			width: 14px;
			height: 11px;
		}
		.u-detail span{
			font-size: 10px;
		}
	.price{
		float: right;
		height: 23px;
		line-height: 23px;
		margin-top: 5px;
		padding: 0 13px;
	}
		.price .new-p{
			font-size: 12px;
			padding-right: 9px;
		}
		.price .old-p{
			font-size: 9px;
		}
}
@media screen and (min-width: 410px){
.user{
	height: 50px;
	padding: 11px 0 11px 17px;
}
	.face img{
		width: 50px;
		height: 50px;
	}
		.u-info{
			margin-bottom: 4px;
			padding-top: 4px;
		}
			.u-info a{
				font-size: 16px;
			}
			.u-info img{
				width: 18px;
				height: 14px;
			}
			.u-detail span{
				font-size: 10px;
			}
	.price{
		float: right;
		height: 30px;
		line-height: 30px;
		margin-top: 7px;
		padding: 0 17px;
	}
		.price .new-p{
			font-size: 15px;
			padding-right: 11px;
		}
		.price .old-p{
			font-size: 11px;
		}
}
@media screen and (min-width: 600px){
.user{
	height: 64px;
	padding: 16px 0 16px 27px;
}
	.face img{
		width: 64px;
		height: 64px;
	}
		.u-info{
			margin-bottom: 6px;
			padding-top: 6px;
		}
			.u-info a{
				font-size: 22px;
			}
			.u-info img{
				width: 26px;
				height: 20px;
			}
		.u-detail span{
			font-size: 13px;
		}
	.price{
		float: right;
		height: 43px;
		line-height: 43px;
		margin-top: 10px;
		padding: 0 25px;
	}
		.price .new-p{
			font-size: 22px;
			padding-right: 17px;
		}
		.price .old-p{
			font-size: 17px;
		}
}
@media screen and (min-width: 720px){
.user{
	height: 77px;
	padding: 19px 0 19px 27px;
}
	.face img{
		width: 77px;
		height: 77px;
	}
		.u-info{
			margin-bottom: 7px;
			padding-top: 7px;
		}
			.u-info a{
				font-size: 27px;
			}
			.u-info img{
				width: 32px;
				height: 25px;
			}
	.price{
		float: right;
		height: 52px;
		line-height: 52px;
		margin-top: 12px;
		padding: 0 30px;
	}
		.price .new-p{
			font-size: 26px;
			padding-right: 20px;
		}
		.price .old-p{
			font-size: 20px;
		}

}
@media screen and (min-width: 801px){
.user{
	height: 107px;
	padding: 26px 0 26px 30px;
}
	.face img{
		width: 107px;
		height: 107px;
	}
		.u-detail{
			padding-left: 15px;
		}
			.u-info{
				margin-bottom: 10px;
				padding-top: 10px;
			}
				.u-info a{
					font-size: 38px;
				}
				.u-info img{
					width: 44px;
					height: 35px;
				}
			.u-detail span{
				font-size: 18px;
			}
	.price{
		float: right;
		height: 72px;
		line-height: 72px;
		margin-top: 17px;
		padding: 0 42px;
	}
		.price .new-p{
			font-size: 36px;
			padding-right: 28px;
		}
		.price .old-p{
			font-size:28px;
		}
}